<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
	  body {
	    min-width: 550px;
	    font-weight: bold;
	    font-size: 20px;
	  }
	  #header,
	  #footer {
	    background: rgba(29, 27, 27, 0.726);
	    text-align: center;
	    height: 60px;
	    line-height: 60px;
	  }
	  #container {
	    overflow: hidden;
	  }
	  .column {
	    text-align: center;
	    height: 300px;
	    line-height: 300px;
	  }
	  #left, #right, #center {
	    float: left;
	  }
	  #center {
	    width: 100%;
	    background: rgb(206, 201, 201);
	  }
	  #left {
	    width: 200px;
	    margin-left: -100%;
	    background: skyblue;
	  }
	  #right {
	    width: 150px;
	    margin-left: -150px;
	    background: pink;
	  }
	  .content {
	    margin: 0 150px 0 200px;
	  }
	</style>
</head>
<body>
	<div id="header">#header</div>
	 
	<div id="container">
		<div id="center" class="column">
		  <div class="content">#center</div>
		</div>
		<div id="left" class="column">#left</div>
		<div id="right" class="column">#right</div>
	</div>

	<div id="footer">#footer</div>
</body>
</html>